<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>
        lovelu-个人小站
    </title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
</head>
<body>
<div>
    <form method="post" action="http://up.qiniu.com/" enctype="multipart/form-data">
        <input name="x:<custom_field_name>" type="hidden" value="<custom value>">
        <input name="token" type="hidden" value="KDrFi5MZh4x71-W8H5z6vlcTSXAvdnuFgZJh15_a:3eW1AwYEMCsQNXejGn4oNMr6ozo=:eyJzY29wZSI6ImxvdmVsdSIsImRlYWRsaW5lIjoxNDAxOTkzMDc3fQ==">
        <input name="file" type="file" />
        <button type="submit">submit</button>
    </form>
</div>
<div id="main">

    <nav>
        <a href="#" id="menuIcon">Ξ</a>
        <ul>
            <li>
                <a href="#">主页</a>
            </li>
            <li>
                <a href="#">文章</a>
            </li>
            <li>
                <a href="#">照片</a>
            </li>
            <li>
                <a href="#">视频</a>
            </li>
            <li>
                <a href="#">论坛</a>
            </li>
        </ul>
    </nav>
    <aside>
        <ul>
            <li><a href="#subtitle1">item1</a> </li>
            <li><a href="#subtitle2">item2</a></li>
            <li><a href="#subtitle3">item3</a></li>
            <li><a href="#subtitle4">item4</a></li>
            <li><a href="#subtitle5">item5</a></li>
        </ul>
    </aside>
    <section class="post">
        <article>
            <h1>
                Sample Title
            </h1>
            ${pages}
            <c:forEach items="${pages}" var="article">
                <p><strong>${article.title}----${article.cTime}</strong></p>
                <p>
                        ${article.content}
                </p>
            </c:forEach>

            <p id="subtitle1"><strong>XMPP SERVER</strong></p>
            <p>
                现在是2014年4月28日,Tigase最新版本是5.2.1

                在intellij中 VCS——check out from version control——Git 粘贴对应的git地址

                clone出来的版本为5.3.0快照版（可以通过git命令 从远程分支或者标签上下载其它版本 下文会说）

                项目依赖tigase-utlis3.4.4快照版 以及tigase-xmltools 3.4.5快照版

                这两个jar maven是下载不下来的（中央仓库应该没）

                所以按照官方文档下载直接编译是不行的，需要从git下载xmltools和utils源码，进行本地打包

                utils依赖xmltools，所以首先给xmltools打包安装到仓库，再给utils打包

                这样Tigase-server就能找到项目 依赖的两个jar了

                （或者Intellij中可以通过设置module依赖 ，就不用逐个打包了）
            </p>
            <p id="subtitle2"><strong>subtitle2</strong></p>
            <section class="grid">
                <div class="item">
                    #1
                </div>
                <div class="item">
                    #2
                </div>
                <div class="item">
                    #3
                </div>
            </section>
            <p>
            <p id="subtitle3"><strong>openfire集成已有数据库</strong></p>
            假如我们有一个网站并且已经有了上百万的注册用户，现在要集成一个IM即时聊天功能，假如我们使用开源的xmpp服务器，都会自动生成默认的数据库以及表结构，用已有数据库的用户表去初始化IM服务器的用户表，不仅麻烦而且涉及到同步问题。所以xmpp服务器都提供了集成数据库的功能。时候我们可以通过配置修改，把登录认证，用户查询，用户分组等信息，从IM服务器的默认数据库剥离出来。tigase目前只支持mysql，pgsql，derby三种数据库集成，openfire支持的比较多。本文讲的是openfire集成oracle。
            </p>
            <p id="subtitle4"><strong>subtitle4</strong></p>
            <img class="illustration" src="/css/beauty.png" title="sample pic" alt="beauty"/>
            <p id="subtitle5"><strong>subtitle5</strong></p>
            <p>
                WebService是基于soap协议（简单对象访问协议全写为Simple Object Access Protocol）的，所有的webService请求、应答都是建立在soap协议的基础上的，而soap传输数据的载体是xml。WSDL（Web Services Description Language）是WebService的描述语言，它定义了Web Service做什么，怎么做和查询的信息。在验证一个WebService是否好用的时候，我们通常会选则在浏览器中输入对应的WSDL地址（比如天气预报）。如果显示出一个xml文件，这是好用的，反之就是不可用的。

                可以这样理解，通过WebService，我们可以把我们的程序发布成wsdl接口。在其它平台，通过WSDL生成当前平台可调用的代理类，通过调用生成的接口和方法，实现应用之间的相互调用。
            </p>
        </article>
    </section>
    <footer>
        <hr>
        <ul>
            <li><small>com.lujianing &copy 2013|</small></li>
            <li><small><a href="mailto:307970779@qq.com">Contact</a></small> </li>
        </ul>
    </footer>
</div>
<script src="/script/jquery/1.9.0/jquery.js" ></script>
<script type="text/javascript">
    $(function(){
        $("#menuIcon,nav ul li").click(function(){
            if ($("#menuIcon").is(":visible")) {
                $("nav ul").toggle(200);
            };
        });
        $(window).resize(function() {
            if (!$("nav ul").is(":visible")) {
                $('nav ul').attr('style', function(i, style)
                {
                    return style.replace(/display[^;]+;?/g, '');
                });
            };
        });
    })
</script>
</body>

</html>